import React, { Component } from 'react';
import { Link } from 'react-router-dom';

import 'antd-mobile/lib/flex/style/index.css';

import '../static/styles/activity.css';

class ActivityItem extends Component {
    constructor(props){
        super(props);
    }
    render() {
        return (
            <Link to={`/detail?id=${this.props.data.id}`}>
                <div className='activity-item'>
                    <div className='activity-item-img'>
                        <img src={this.props.data.img} />
                        <div className='activity-item-end-title'>
                            {this.props.data.title}
                        </div>
                    </div>
                    {/*
                    <div className='activity-item-info'>

                        <div className='activity-item-end-time'>
                            <span>报名截止日期:{this.props.data.off_line_time}</span>
                            <span style={{color: '#FF9C2C'}}>￥{this.props.data.cost}</span>
                        </div>

                    </div>
                    */}
                </div>
            </Link>
        );
    }
}

export default ActivityItem;
